.blog-detail-container{
  min-height: 100%;
  background-color: #eff3f5;
  padding-top: 55px;
  padding-bottom: 120px;
  position: relative;
  .detail-content{
    width: 100%;
    padding: 0 180px;
    .blog-text{
      background-color: #fff;
      box-shadow: 0 0 10px #ccc;
      margin: 20px 0;
      padding: 30px;
      header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        .header-left{
          h1{
            font-weight: bold;
          }
          .header-left-bottom{
            display: flex;
            align-items: center;
            .avatar{
              width: 30px;
              height: 30px;
              overflow: hidden;
              background-color: blueviolet;
              border-radius: 50%;
              margin-right: 10px;
              img{
                width: 100%;
                height: 100%;
              }
            }
            .type-box{
          
              margin-left: 10px;
              .type-title{
                font-weight: bold;
              }
              span{
                margin: 0 5px;
              }
            }
          }
        }
        .header-right{
          height: 88px;
          text-align: right;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          cursor: pointer;
        }
      }
      .blog-md{
        margin-top: 20px;
        border-top: 1px solid #ccc;
        padding: 10px 0;
      }
    }
    .blog-commont{
      background-color: #fff;
      box-shadow: 0 0 10px #ccc;
      margin: 20px 0;
      padding: 30px;
      .commont-list{
        .commont-item{
          display: flex;
          padding: 20px;
          .avatar{
            margin-right: 20px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #ccc;
            overflow: hidden;
            img{
              width: 100%;
              height: 100%;
            }
          }
          .commont-text{
            font-size: 12px;
            .member-name{
              color: #666;
              margin-right: 10px;
            }
            .create-time{
              color: #ccc;
            }
          }
          
        }
      }
    }
  }
}